<template>
  <div style="
  width: 70%;
  margin: 2% 15%;
  ">
    <el-row type="flex" class="row-bg" justify="center">
      <el-image
        style="width: 400px;"
        fit="cover"
        :src=success>
        <div slot="placeholder" class="image-slot">
          加载中<span class="dot">...</span>
        </div>
      </el-image>
    </el-row>

  </div>
  <el-form label-position="left" class="demo-table-expand register-form">
    <el-form-item >
      <label>姓名</label>
      <span>{{ registerForm.name }}</span>
    </el-form-item>
    <el-form-item>
      <label>性别</label>
      <span>{{ registerForm.sex }}</span>
    </el-form-item>
    <el-form-item label="">
      <label>出生日期</label>
      <span>{{ registerForm.date}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>文化程度</label>
      <span>{{ registerForm.education}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>所在省份</label>
      <span>{{ registerForm.province}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>联系地址</label>
      <span>{{ registerForm.address}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>邮政编码</label>
      <span>{{ registerForm.code}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>联系电话</label>
      <span>{{ registerForm.phone}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>电子邮箱</label>
      <span>{{ registerForm.email}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>类别</label>
      <span>{{ registerForm.category}}</span>
    </el-form-item>
    <el-form-item label="">
      <label>备注</label>
      <span>{{ registerForm.desc}}</span>
    </el-form-item>
    <el-row type="flex" class="row-bg" justify="end" style="margin-bottom: 10px">
      <el-button type="success" round @click="back()">返回注册页面</el-button>
    </el-row>
  </el-form>
</template>

<script setup>
import successpic from '@/assets/images/success.jpg'
const success = ref(successpic)
// 注册表单 获取自webStorge
const registerForm = JSON.parse(sessionStorage.getItem('registerForm'))
function back(){
  history.back()
}
</script>

<style lang="scss" scoped>
.register-form {
  border-radius: 6px;
  background: #c9b3b3;
  width: 70%;
  margin: 2% 15%;
  padding: 25px 25px 5px 25px;
}
.register-form label {
  width: 90px;
  color: #287df1;
}
</style>
